.big_img {
    height: 400px;
    background: red;
    background-size: contain;
}

.base-info {
    position: relative;
    margin: 0 auto;
    top: -150px;
    height: 0px;
    overflow: hidden;
    padding: 15px 15%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, 
                                                rgba(0, 0, 0, 0.5) 15%, 
                                                rgba(0, 0, 0, 0.5) 85%, 
                                                rgba(0, 0, 0, 0) 100%);
    display: flex;
}

.base-info div {
    display: inline-block;
}

.avatar {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 5px solid white;
    box-shadow: 0 0 5px grey;
}

.text-info {
    padding: 0 20px;
    flex: 1;
    text-align: left;
    font-size: 20px;
    font-weight: bolder;
    color: white;
}

.propular-info {
    width: 100px;
    height: 100px;
}

.profile-main-container {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: -50px;
    display: flex;
}

.p-m-c-guides {
    width: 200px;
}

.p-m-c-g-item {
    margin-top: -1px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    transition: 0.2s;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.p-m-c-g-item:hover {
    background: rgb(65, 116, 255);
    color: white;
}

.p-m-c-container {
    margin: 0 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    flex: 1;
}

.p-m-c-guides a {
    color: black;
}